<template>
    <div class="noDataBoxClass justify-center align-center">
        <img src="~/assets/images/nodate.png">
        <h1 class="safewincontentclass">一头小鹿到处乱撞哟！</h1>
    </div>
</template>
<script>
export default {
    data(){
        return{

        }
    }
}
</script>
<style lang="scss" scoped>
    .noDataBoxClass{
        width:100%;
        padding:50px 0;
        display: flex;
        flex-direction: column;
        img{
            width:400px;
            margin-bottom: 30px;
        }
        h1{
            color:#999;
        }
    }
    @media screen and (min-width:0px) and (max-width:1280px) {
        .noDataBoxClass{
            width:100%;
            padding:5rem 0;
            display: flex;
            flex-direction: column;
            img{
                width:80%;
                margin-bottom:3rem;
            }
            h1{
                color:#999;
            }
        }
    }
</style>